@charset "utf-8";
    /* CSS Document */
body,div,dl,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
}

html {
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    width: 100%;
    height: 100%;
}

body {
    font-size: 14px;
    font-family: "微软雅黑" , Arial, Verdana, Geneva, sans-serif;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

ul,li,dl,dt,dd {
    display: block;
    list-style: none;
}

img {
    border: 0;
    max-width: 100%;
}

.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

a {
    color: #000;
    text-decoration: none;
    outline: none;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.full{
    width: 100%;
}
.container {
    width: 100%;
    height: auto;
}

.header {
    width: 100%;
}

.header .top {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #d73240;
    color: #fff;
}
.mid{
    width: 1100px;
    margin: 0 auto;
}
.logo .tel{
    width: 230px;
    height: 50px;
    padding-left: 50px;
    float: right;
    margin-top: 25px;
    line-height: 25px;
    font-size: 15px;
    background: url(../images/tel.jpg) no-repeat;
    overflow: hidden;
}
.logo .tel span{
    color: #d83240;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{position:relative; z-index:1; color:#fff;width: 100%; height:40px; line-height:40px; border-top: 1px solid #d2d2d2;  }
.nav{ width:1100px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal; font-size:16px;  }
.nav .m{  /*position:relative;*/ float:left; width:130px; display:inline; text-align:center;   }
.nav .m h3 i{  display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(../images/icon.png) 0 -200px no-repeat; overflow:hidden; margin:-2px 0 0 5px; 
    vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; 
}
.nav h3 a{  zoom:1;  height:16px; line-height:16px; padding:12px 0;  display:block; color:#000; }
.nav .on h3 a{padding:12px 0; color: #000;}
.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
.nav .sub{ display:none; width:auto; padding:10px 0;  position:absolute; /*left:0px; top:40px;*/  background:#d73240; color: #fff; float:left; line-height:30px; 
}
.nav .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:5px 10px; line-height:26px;  }
.nav .sub dl a:hover{ color:#000;  }
.nav .sub dl dt a{ color:#fff; font-size: 16px;  }
.nav .sub dl dd a{ color:#fff; font-size: 14px; padding-left:7px; background:url(../images/icon.png) 0 -332px no-repeat;  }

/*幻灯片*/
#Slideshow {
    width: 100%;
    height: 718px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#Slideshow .pics {
    width: 100%;
}

#Slideshow .pics li {
    width: 100%;
}

#Slideshow .pics li img {
    width: 100%;
}
#Slideshow .num {
    overflow: hidden;
    height: 25px;
    position: absolute;
    bottom: 5px;
    right: 20%;
    zoom: 1;
    z-index: 3
}

#Slideshow .num li {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    font-family: "微软雅黑", Arial;
    color: #FFFFFF;
    background: #444444;
    margin-right: 10px;
    border-radius: 50%;
    cursor: pointer;
    float: left;
}

#Slideshow .num li.on {
    background: #e33d11;
}
#Slideshow .prev,#Slideshow .next {
    display: none;
    width: 40px;
    height: 100px;
    background: url(../images/btn.png) no-repeat;
    position: absolute;
    top: 140px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#Slideshow .prev {
    left: 4px;
}

#Slideshow .next {
    right: 4px;
    background-position: right;
}

#catname{
    width: 400px;
    height: 100px;
    position: relative;
    z-index: 0;
    margin: 20px auto;
    padding: 20px 0;
    text-align: center;
    font-size: 24px;
    color: #1f1a17;
    line-height: 40px;
    text-transform: uppercase;
}
#catname .en{
    color: #d73240;
    font-size: 30px;
    font-family: "Arial";
    font-weight: bold;
    letter-spacing: 5px;
    height: 40px;
    position: relative;
    z-index: 0;
}
#catname .net{
    width: 400px;
    height: 30px;
    position: relative;
    z-index: 99;
    background: #fff;
    margin-top: -12px;
    font-size: 14px;
    line-height: 5px;
    color: #d7313d;
}
.syabout .ab_pic{
    width: 480px;
    height: 310px;
    padding-bottom: 40px;
    float: left;
    background: url(../images/shadow1.jpg) no-repeat bottom;
}
.syabout .ab_pic img{
    width: 100%;
    height: 100%;
}
.syabout .ab_text{
    width: 580px;
    height: 200px;
    padding: 50px 0px;
    float: right;
    line-height: 2em;
    font-size: 14px;
    text-indent: 2em;
}
.syabout  a.more{
    float: right;
    padding: 5px 10px;
    border: 1px solid #5b5b5b;
    text-align: center;
}
.syabout a.more:hover{
    color: #d7313d;
    border-color: #d7313d;
}
/*首页产品*/
.syproduct{
    width: 100%;
    background: #e5e5e5;
}
.syproduct #catname .net{
    background: #e5e5e5;
}
.slideGroup{width: 1100px; height:320px;margin: 20px auto;}
.slideGroup .parHd{width: 1100px; height:30px; overflow: hidden; line-height:30px; float: left; position:relative; }
.slideGroup .parHd ul{width: 800px; float:left;height:30px;}
.slideGroup .parHd ul li{ float:left; border-radius: 6px; padding:0 15px; margin-right: 5px; cursor:pointer; font-size: 16px;  }
.slideGroup .parHd ul li.on{ height:30px;  background:#005e9b; color: #fff;}
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:-60px; top:80px; display:block; width:50px; height:70px; background:url(../images/btnPrev.jpg) center center no-repeat #f4f4f4; }
.slideGroup .sNext{ left:auto; right:-60px; background:url(../images/btnNext.jpg) center center no-repeat #f4f4f4;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60; }
.slideGroup .parBd{float: left; margin-top: 40px; }
.slideGroup .parBd .slideBox{width: 1100px; position: relative; }
.slideGroup .parBd ul{width: 1100px; overflow:hidden; zoom:1; }
.slideGroup .parBd ul li{width:265px; height:230px; margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li:hover{border-color:#f60;}
.slideGroup .parBd ul li .pic{ text-align:center;width:263px; height:200px; }
.slideGroup .parBd ul li .pic img{ vertical-align:middle; display:inline;  max-width: 100%; max-height: 100%;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;}
.slideGroup .parBd ul li .pic img:hover{-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.slideGroup .parBd ul li .pic span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; } 
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999; }
.slideGroup .parBd ul li .title{ height: 30px; line-height:30px; }
.sycase{
    width: 1100px;
    margin: 0 auto;
}
.sycase .caselist{
    width: 100%;
}
.sycase .caselist li{
    float: left;
    width: 275px;
    height: 200px;
}
.sycase .caselist li img{
    width: 100%;
    height: 100%;
}
.synews{
    width: 1100px;
    margin:0 auto;
}
.synews .newslist li{
    width: 530px;
    float: left;
    margin-left: 40px;
    color: #757575
}
.synews .newslist li.lft{
    margin-left: 0;
}
.synews .newslist li .pic{
    width: 130px;
    height: 100px;
    float: left;
}
.synews .newslist li .pic img{
    width: 100%;
    height: 100%;
}
.synews .newslist li .tt{
    width: 380px;
    height: 40px;
    float: right;
    line-height: 30px;
    font-size: 16px;
    color: #000;
}
.synews .newslist li .desc{
    width: 380px;
    height: 60px;
    float: right;
    line-height: 30px;
    overflow: hidden;
}
.synews .newslist li .time{
    width: 100%;
    height: 30px;
    float: left;
    line-height: 30px;
}
.synews .newslist li .time a{
    float: right;
    color: #757575;
    margin-right: 10px;
}
.synews .newslist li a:hover{
    color: #d73240;
}
/*内页*/
.inmid{
    margin-top: 20px;
}
.partLeft{
    width: 250px;
    float: left;
    background: #e9e9e9;
}
.partLeft .catbox{
    height: 60px;
    overflow: hidden;
    line-height: 60px;
    text-align: center;
    background: #d73240;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
.partLeft .catbox a{
    color: #fff;
}
.partLeft .menuTree{
    width: 230px;
    margin: 0 auto;
}
.menuTree ul{
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    display:none;
}
.menuTree ul li{
    width: 230px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    border-top: 2px solid #fff;
    white-space: nowrap;
}
.menuTree ul li a{
    color: #000;
}

.menuTree ul li a:hover,.menuTree ul li a.current{ 
    color:#d73240; 
    font-size:110%;
}
.menuTree ul li.parent a:hover
{
    font-size: 110%;
    color:#d73240; 
}
.menuTree ul li.child{
    /*background: #d63229;*/
}

.menuTree ul li.parent
{
    background: url(../images/collapsed_image.png) left top no-repeat;
}
.menuTree ul li.expanded
{
    background: url(../images/expended_image.png) left top no-repeat;
}
.menuTree ul.expanded li{
    line-height: 36px;
    border: none;
    background: #f3f0f0;
    font-size: 80%;
}

.partLeft .contact{
    margin: 20px 0;
}
.partLeft .contact .text{
    padding: 10px;
    line-height: 2em;
    color: #5e5c5c;
}
.partRight{
    width: 850px;
    float: right;
}
.position{
    height: 59px;
    line-height: 59px;
    background: #fafafa;
    border-bottom: 1px solid #d73240;
}
.position span{
    font-size: 16px;
    color: #d73240;
    margin-left: 20px;
}
.position .catpos{
    float: right;
}
.contentbox{
    width: 830px;
    padding-left: 20px;
    padding-top: 20px;
    min-height: 400px;
}
.probox li{
    width: 260px;
    height: 232px;
    float: left;
    margin-left: 16.666px;
    margin-bottom: 10px;
    text-align: center;
}
.probox li .pic{
    width: 258px;
    height: 200px;
    border: 1px solid #c1c5bc;
    text-align:center;
}
.probox li .pic img{ vertical-align:middle; display:inline;  max-width: 100%; max-height: 100%;}
.probox li .pic span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; }  
.probox li .tit{
    height: 30px;
    line-height: 30px;
}
.probox li a:hover{
    color: #ff0000;
}
.newsbox .first .pic{
    width: 150px;
    height: 110px;
    float: left;
}
.newsbox .first .tit{
    width: 650px;
    height: 35px;
    float: right;
    color: #000
}
.newsbox .first a:hover .tit{color: #d73240;}
.newsbox .first .desc{
    width: 650px;
    height: 75px;
    float: right;
    line-height: 25px;
    overflow: hidden;
    color: #757574;
}
.newsbox li{
    width: 100%;
    line-height: 30px;
    float: left;
    margin:3px 0px;
}
.newsbox li .squre{
    width: 5px;
    height: 5px;
    margin-top: 12px;
    float: left;
    background: #d73240;
}
.newsbox li .tit{
    width: 820px;
    float: right;
}
.newsbox li .tit span{
    float: right;
}
.newsbox li a:hover{
    color: #ff0000;
}
.showpagebox{
    line-height: 2em;
    color: #343434;
}
.showpagebox .title{
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
}
.showpagebox .other{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.showpagebox .other span{
    margin:0 10px;
}
.footer{
    width: 100%;
    padding: 20px 0px;
    background: #d73240;
    color: #fff;
    margin-top: 20px;
}
.footer .ewm{
    width: 170px;
    float: left;
}
.footer .ewm .title {
    height: 40px;
    line-height: 40px;
    padding-left: 65px;
    margin-top: 10px;
    background: url(../images/wx.jpg) no-repeat;
}
.footer .copyright{
    width: 560px;
    float: left;
    margin: 0px 30px;
    line-height: 30px;
}
.footer .liuyan{
    width: 300px;
    float: right;
}
/*底部表单*/
.liuyan .myform{
    width: 300px;
}
.liuyan .myform .input-text{
    width: 302px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    border-bottom: 2px solid #fff;
    float: left;
    margin-top: 10px;
    background: none;
    font-size: 14px;
    font-family: "微软雅黑";
    outline: none;
    color: #fff;
    padding-left: 5px;
}
.liuyan .myform #tarea{
    width: 300px;
    height: 90px;
}
.liuyan .myform #dosubmit{
    width: 300px;
    height: 30px;
    background: #fff;
    line-height: 30px;
    text-align: center;
    color: #d73240;
    border: none;
    float: left;
    margin-top: 10px;
    font-size: 16px;
    font-family: "微软雅黑";
}
/*内页表单*/
#myform{
    font-size: 14px;
}
#myform tr{
    width: 90%;
    height: 36px;
}
#myform .name{
    width: 30%;
    text-align: right;
    padding-right: 2%;
    color: #000;
    font-weight: normal;
}
#myform .input-text{
    width: 50%;
    height: 24px;
    font-size: 14px;
    font-family: "微软雅黑";
}
#myform #l_yzm{
    width: 25%;
}
#myform textarea{
    width: 80%;
    height: 140px;
    margin-top: 6px;
    font-size: 14px;
    font-family: "微软雅黑";
}
#myform #dosubmit{
    width: 81px;
    height: 35px;
    float: left;
    margin-top: 13px;
    border: none;
    background: #d73240 url(../images/buttom.png);
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: "微软雅黑";
}

#search-form {
    width: 230px;
    height: 27px;
    float: right;
    z-index: 999;
}

#keywords {
    width: 195px;
    height: 21px;
    line-height: 21px;
    padding-left: 5px;
    float: left;
    margin-top: 0px;
    outline: none;
    border: 1px solid #aeacad;
    border-right: none;
    background: none;
    color: #000;
    font-size: 14px;
    font-family: "微软雅黑";
}
#post-search {
    width: 27px;
    height: 25px;
    float: left;
    outline: none;
    border: none;
    cursor: pointer;
    background: url(../images/search.jpg) no-repeat;
}
/*pages*/
#pages {
    padding: 14px 0 10px;
    margin: 10px;
}

#pages a {
    display: inline-block;
    width: 26px;
    height: 22px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333
}

#pages a.a1 {
    background: url(../images/search/admin_img/pages.png) no-repeat 0 5px;
    width: 56px;
}

#pages a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}

#pages span {
    display: inline-block;
    width: 26px;
    height: 22px;
    line-height: 22px;
    background: #d73240;
    border: 1px solid #d73240;
    color: #fff;
    text-align: center;
}

.page .noPage {
    display: inline-block;
    width: 56px;
    height: 22px;
    line-height: 22px;
    background: url(../img/icu/titleBg.png) repeat-x 0 -55px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #a4a4a4;
}

.preNext {
    font-size: 14px;
}

.preNext li {
    height: 20px;
    line-height: 20px;
}

.preNext li a:hover {
    text-decoration: underline;
}

.scroll {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    font-size: 14px;
    background: url(../images/top.png) no-repeat;
}